<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/view/global.css">
    <link href="../../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../../css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link rel="stylesheet" href="../../css/view/kitchen_pages/style.css">
    <link rel="stylesheet" href="../../css/animate.css">
</head>
<body>
<div class="container animated fadeInUp">
    <div class="third-title position-title">
        <div class="border-left themeBgColor"></div>
        <div class="text">菜单管理</div>
        <div class="add_new_btn" style="position:absolute;right:0;top:0;">
            <button class="btn themeBgColor" style="color:#fff;" data-toggle="modal" data-target="#foodsModal" data-type="1">添加新菜单</button>
        </div>
    </div>
    <div class="line"></div>
    <div class="kitchen-box">
        <div class="term-box">
            <div class="sel-box">
                <label for="sel_type" class="sel-label">选择类别：</label>
                <select class="sel-item" id="sel_type">
                    <option value="1">普通特膳</option>
                    <option value="2">疾病配餐</option>
                </select>
                <select class="sel-item" id="sel_class">


                </select>
            </div>
            <div class="date-box" style="display: none;" id="jb-date">
                <input type="text" class="date-picker" id="start_time" placeholder="选择开始时间">
                -
                <input type="text" class="date-picker" id="end_time" placeholder="选择结束时间">
                <input type="button" value="筛选" class="sel-btn">
            </div>
        </div>
        <div class="table-box" id="pt">
            <table class="table table-striped">
                <thead class="themeBgColor" style="color:#fff;">
                <tr>
                    <th>菜品照片</th>
                    <th>菜品名称</th>
                    <th>菜品价格</th>
                    <th>菜品功效</th>
                    <th>适应人群</th>
                    <th>菜品配料</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="order_list">
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                </tbody>
            </table>
            <div id="page" class="page_div"></div>
        </div>
        <div class="table-box" id="jb">
            <table class="table table-striped">
                <thead class="themeBgColor" style="color:#fff;">
                <tr>
                    <th>菜品照片</th>
                    <th>菜品名称</th>
                    <th>菜品价格</th>
                    <th>菜品功效</th>
                    <th>适应人群</th>
                    <th>菜品配料</th>
                    <th>日期</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="order0_list">
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                </tbody>
            </table>
            <div id="page0" class="page_div"></div>
        </div>
    </div>
</div>


<!--add goods modal-->
<div class="modal fade" id="foodsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="foodsModalLabel"></h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="f_name">菜品名称：</label>
                    <input type="text" class="form-control"  placeholder="设置菜品名称" id="f_name">
                </div>

                <div class="form-group">
                    <label for="f_price">菜品价格：</label>
                    <input type="text" class="form-control"  placeholder="设置菜品价格" id="f_price">
                </div>
                <div class="form-group">
                    <label for="f_function">菜品功效：</label>
                    <input type="text" class="form-control"  placeholder="设置菜品功效" id="f_function">
                </div>
                <div class="form-group">
                    <label for="f_suitable">适宜人群：</label>
                    <input type="text" class="form-control"  placeholder="设置适宜人群" id="f_suitable">
                </div>
                <div class="form-group">
                    <label for="f_type">菜单类目：</label>
                    <select name="" id="f_type" class="form-control">
                        <option value="1">普通特膳</option>
                        <option value="2">疾病配餐</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="f_class">菜品类别：</label>
                    <select name="" id="f_class" class="form-control">

                    </select>
                </div>
                <div class="form-group" id="f_date_box">
                    <label for="f_date">菜品日期：</label>
                    <input type="text" class="form-control"  placeholder="设置菜品日期" id="f_date">
                </div>
                <div class="form-group" id="f_cb_box">
                    <label for="f_cb">菜品餐别：</label>
                    <select name="" id="f_cb" class="form-control">
                        <option value="">请选择餐别</option>
                        <option value="1">午餐</option>
                        <option value="2">晚餐</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="f_food">菜品配料：</label>
                    <input type="text" class="form-control"  placeholder="设置菜品配料" id="f_food">
                </div>
                <div class="add-shop-img-btn">
                    <input type="file" accept="image/*" class="file-input" id="foodsImgInput">
                    <input type="hidden" id="foodsImgUrl">
                    <div class="select-img themeBgColor">选择产品图片</div>
                </div>
                <div class="preview-img" id="foodsImgShow">
                    <div>图片预览</div>
                </div>

                <input type="hidden" id="foods_id">
                <input type="hidden" id="foods_type">
                <input type="hidden" id="class_id">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn themeBgColor" id="submit_foods_btn" style="color:#fff;">确认</button>
            </div>
        </div>

    </div>
</div>
</div>


<script src=".././../js/jquery.min.js"></script>
<script src=".././../js/bootstrap.min.js"></script>
<script src="../../js/plugins/layer/laydate/laydate.js"></script>
<script src="../../js/my-js/paging.js"></script>
<script src=".././../js/my-js/global.js"></script>
<script src="../../js/view/kitchen_pages/kitchen_goods.js"></script>
</body>
</html>

